<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #list li{
            width: 400px;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #999;
        }
        #bobo{
            background-color: #ccc;
        }

    </style>
</head>
<body>
    <h1></h1>
    <hr>

   <ul id="list">
        <li>小静静, 你宣我吗?  宣1</li>
        <li>小静静, 你宣我吗?  宣2</li>
        <li id="bobo">小波波, 你宣我吗?  宣3</li>
        <li>小静静, 你宣我吗?  宣4</li>
        <li>小静静, 你宣我吗?  宣5</li>
    </ul>

    <hr>

    <script>
        var bobo = document.getElementById('bobo');
        // 双击
        bobo.ondblclick = function(){
            bobo.style.backgroundColor = '#f90';
        }
        // 右击
        bobo.oncontextmenu = function(){
            alert('右击');
            return false;
        }

    </script>    
    

</body>
</html>